<template>
  <el-collapse-item title="跳转设置" name="19">
    <jnpf-form-tip-item
      label="跳转地址"
      :tip-label="tipText"
      v-if="showType === 'pc'"
    >
      <el-input
        v-model="activeData.option.urlAddress"
        placeholder="请输入链接地址"
      >
        <el-select
          slot="append"
          v-model="activeData.option.target"
          style="width: 85px;"
          placeholder="请选择"
        >
          <el-option label="_self" value="_self" />
          <el-option label="_blank" value="_blank" />
        </el-select>
      </el-input>
    </jnpf-form-tip-item>
    <jnpf-form-tip-item
        label="跳转地址"
        :tip-label="tipText"
        v-else
    >
      <el-input
          v-model="activeData.option.appUrlAddress"
          placeholder="请输入链接地址"
      >
      </el-input>
    </jnpf-form-tip-item>
  </el-collapse-item>
</template>
<script>
import draggable from 'vuedraggable'
export default {
  props: ['activeData','showType'],
  components: { draggable },
  data() {
    return {}
  },
  created() { },
  computed:{
    tipText(){
      const text = ['tableList', 'rankList'].includes(this.activeData.jnpfKey) ? '动态参数可选值(field1,field2)' : '参数可选';
      return '地址以http://或https://开头，例:https://xxx.com?xxx1=${field1}&xxx2=${field2}，' + text;
    }
  },
  methods: {
  }
}
</script>
